<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>营运车分析</h3>
			<h4>销售分析</h4>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<div class="biz-car">
				<!--条件选择-->
				<div class="biz-car-filter">
				<dl>
					<a href="#">不区分油号</a>
					<a href="#" class="active">全部</a>
					<a href="#" class="">0#</a>
					<a href="#" class="">92#</a>
					<a href="#" class="">95#</a>
					<a href="#" class="">98#</a>
				</dl>
				<dl>
					<a href="#">不区分类别</a>
					<a href="#" class="active">全部</a>
					<a href="#" class="">其它网约车</a>
					<a href="#" class="">优步专车</a>
					<a href="#" class="">红的</a>
					<a href="#" class="">教练车</a>
					<a href="#" class="">出租车</a>
					<a href="#" class="">易到专车</a>
					<a href="#" class="">易到VIP</a>					
				</dl>
			</div>
			<!--/条件选择-->			
			
			<!--表格-->
			<div class="gas-border">
				<nav class="gas-nav">
					<dl day="1">今天</dl>
					<dl day="7">最近7天</dl>
					<dl day="30">最近30天</dl>
					<dl><input name="search_time" class="gas-text" type="text" placeholder="查询时间" id="search_time" value="" lay-key="1"></dl>
				</nav>
				<table class="layui-table biz-car-table" lay-skin="line">
				  	<thead>
					    <tr>
					      	<th>日期</th>
					      	<th>类别</th>
					      	<th>油号</th>
					      	<th>消费笔数</th>
					      	<th>升数</th>
					      	<th>原价</th>					      
					    </tr> 
				  	</thead>
				  	<tbody>
				     	<tr>
				     		<td>2018-04-06</td>
				     		<td>网约车</td>
				     		<td>95#</td>
				     		<td>1</td>
				     		<td>16.90</td>
				     		<td>100.7</td>				     		
				     	</tr>
				     	<tr>
				     		<td>2018-04-07</td>
				     		<td>网约车</td>
				     		<td>95#</td>
				     		<td>1</td>
				     		<td>16.90</td>
				     		<td>100.7</td>				     		
				     	</tr>
				     	<tr>
				     		<td>2018-04-08</td>
				     		<td>网约车</td>
				     		<td>95#</td>
				     		<td>1</td>
				     		<td>16.90</td>
				     		<td>100.7</td>				     		
				     	</tr>
				  	</tbody>
				</table>
				<!--分页-->
			<div class="order-table-footer clearfix">
				<div class="order-table-page">
					<div id="datatime">
							
					</div>
				</div>
			</div>
			<!--/分页-->
			</div>
			<!--/表格-->
			<span class="biz-car-tips">注：专车身份订单指以专车身份消费的订单统计，专车优惠订单指享受了专车优惠的订单统计。</span>			
			</div>
		</div>
		<!--/deer-content-->
	</section>
	<!--js-->
		<aside>
			<script type="text/javascript" src="../layui/layui.js" ></script>
			<script type="text/javascript" src="../js/echarts.min.js" ></script>
			<script type="text/javascript">
				layui.use(['form','jquery','laydate','laypage'],function(){
					var	form=layui.form;
					var $=layui.jquery;	
					var laypage=layui.laypage;
					var laydate=layui.laydate;
						laydate.render({
				        elem: '#search_time', //指定元素
				        range: '至',
				    });
				 	//gas-nav样式切换
				    $('.gas-nav dl').eq(0).addClass('active').siblings().removeClass('active')
				    $('.gas-nav dl').bind('click',function(){
				    	$(this).addClass('active').siblings().removeClass('active')
				    })
				    
				    //分页
					laypage.render({
					    elem: 'datatime'
					    ,count: 100//data.length
					    ,theme: '#00cc9a'
				    	,prev: '«'
				    	,next: '»'
			  		})
					
					//条件选择样式切换
					$(".biz-car-filter a").click(function(){
						$(this).addClass('active').siblings().removeClass('active');
					});
				})				
		

		</script>
	</aside>
		<!--/js-->
</body>
</html>
